.bgColor {
    /deep/ textarea{
       background: rgb(232,240,253);
    }
  }
  /deep/.ant-select{
    min-width: 120px;
  }
  /deep/.keyPerformance,
  /deep/.keyTechnology{
    width: 40%;
  }
  /deep/.typeCategory{
    width: 20%;
  }
  /deep/.style-dropdown-button {
    padding: 0;
    padding-left: 6px;
    .anticon{
      display: inline-block;
      width: 30px;
      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
      border-left: 1px solid #d9d9d9;
    }
    &:hover{
      .anticon {
        border-left: 1px solid #5f8de3;
      }
    }
  }
  .title{
    font-weight: 600;
    font-size: 18px;
    // padding-top: 6px;
    display: flex;
    align-items: center;
    // flex-direction: column;
    .expand{
      display: inline-block;
      height: 14px;
      width: 14px;
      text-align: center;
      line-height: 5px;
      font-size: 10px;
      // width: 8px;
      // height: 8px;
      padding: 2px;
      border: 1px solid rgb(241,241,241);
      cursor: pointer;
      margin-right: 4px;
    }
  }
  .cut{
    // display: none;
    // height: auto;
    max-height: 32px;
    // transition: max-height 5s;
  }
  .add{
    // height: 32px;
    max-height: 1000px;
    overflow: hidden;
    // transition: all 5s;
  }
  .click{
    // max-height: auto ;
    max-height: 32px;
    &.add{
       max-height: 32px;
      //  overflow: hidden;
      // height: 32px;
       transition: max-height .5s;
  
    }
     &.cut{
      // height: auto;
      max-height: 1800px;
      overflow-y: scroll;
      transition: max-height .5s;
    }
  }
  .clicks{
    max-height: 5000px;
    &.add{
       max-height: 32px;
      //  overflow: hidden;
      // height: 32px;
       transition: max-height .5s;
  
    }
     &.cut{
      // height: auto;
       max-height: 5000px;
      transition: max-height .5s;
    }
  }
  .editProduceBook {
    padding: 2px;
    padding-top: 16px;
      height: calc(100vh - 166px);
      background: #fff;
      .editProduceBook_tabs{
         height: 40px;
        position: relative;
        /deep/ .ant-anchor{
          margin: 0 20px;
          // width: 100%;
          width: calc(100% - 40px);
          position: absolute;
          top: 0;
          left: 0;
          box-sizing:border-box;
          display: flex;
          border-bottom: 1px solid #e7e7e7;
          .ant-anchor-ink:nth-child(1){
            height: 0;
            width: 0;
          }
         .ant-anchor-link{
            padding: 8px 16px;
          }
          .active_tabs{
            border-bottom: 2px solid #386BD7;
            color:#386BD7;
            font-weight: 600;
          }
        }
      }
      .editProduceBook_content{
         height: calc(100% - 90px);
         padding: 20px;
         overflow-y: scroll;
         overflow-x: hidden;
         &>div{
           margin-bottom: 32px;
         }
         #info_tab{
         .info_content{
           margin-top: 8px;
           /deep/.ant-form-item{
             display: inline-block;
             width: 47%;
             .ant-form-item-label{
               text-align: left;
             }
           }
           .projectSelect{
             display: flex;
             margin-bottom: 12px;
             padding: 0 30px;
             .properName{
               width: 80px;
               line-height: 32px;
              //  span{
              //    color: red;
              //  }
             }
             .properContent{
               flex:1;
               padding-right: 20px;
             }
           }
         }
       }
      }
      .editProduceBook_btn{
        display: flex;
        padding: 6px 16px;
        justify-content: flex-end;
        box-shadow: 2px 0px 4px #ccc;
        button{
           margin-left: 16px;
        }
      }
      #scgm_tab{
        .scgm_content{
          .projectSelect{
            margin: 10px 0;
            &:nth-child(2n-1){
              padding-right: 30px!important;
            }
            .properName{
              margin-bottom: 6px;
              span{
                font-size: 12px;
                padding-left: 6px;
                color: #386bd7;
              }
            }
          }
          
        }
        
   
      }
      #scgh_tab{
        .scgh_content{
          .scgh_part{
            .properName{
              padding:10px 0;
              span:nth-child(1){
                 color: red;
                 font-weight: 700;
              }
              span:nth-child(2){
                font-size: 12px;
                color: #386bd7;
              }
            }
            .properContent{
              padding-right: 10px;
              position: relative;
                .contentLength{
                  position: absolute;
                  right: 26px;
                  bottom: 2px;
                  font-size: 12px;
                  color:#bebebe
                }
            }
          }
        }
      }
      #cptz_tab,
      .xmjh_tab{
          .cptz_part{
            margin-bottom: 20px;
            .part_title{
              margin: 10px 0px;
              font-weight: 700;
              font-size: 14px;
              span{
                font-weight: normal;
                font-size: 12px;
                color: #386bd7;
                margin-left: 12px;
              }
            }
            .proBook_content_btn{
              margin-bottom: 6px;
              button{
                margin-right: 12px;
              }
            }
        }
  
      }
      // .proBook_content_btn{
      //    margin-bottom: 6px;
      //    button{
      //      margin-right: 12px;
      //    }
      //  }
      
  }
  //抽屉
  /deep/.ant-drawer-header{
    padding: 16px;
    .ant-drawer-title{
       font-weight: 700;
    }
  }
  
  /deep/.ant-drawer-body{
    position: relative;
    height: calc(100% - 60px);
    .button{
      position: absolute;
      bottom: 10px;
      right: 10px;
      button:nth-child(1){
        margin-right: 10px;
      }
    }
  
  }